﻿* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    font-family: arial, STZhongsong, serif;
    font-size: 20px;
    font-weight: bold;
    _background-image: url(about:blank);
    _background-attachment: fixed;
}

#nav {
    width: 180px;
    line-height: 48px;
    list-style-type: none;
    text-align: left;
    /*定义整个ul菜单的行高和背景色*/
}
    /*==================一级目录===================*/
    #nav a {
        width: 160px;
        display: block;
        padding-left: 20px;
        /*Width(一定要)，否则下面的Li会变形*/
    }

    #nav li {
        background: #E4393C; /*一级目录的背景色*/
        /*渐变色
        background: -webkit-gradient(linear,0 0,0 100%,from(#E64346),to(#E13335));
        background: -moz-linear-gradient(top,#E64346,#E13335);
        background: -o-linear-gradient(top, #E64346, #E13335);
        filter: progid:DXImageTransform.Microsoft.gradient(gradienttype=0,startColorstr="#E64346", endColorstr="#E13335");
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradienttype=0,startColorstr=#E64346, endColorstr=#E13335)";
        */
        border-bottom: #FFF 1px solid; /*下面的一条白边*/
        float: left;
        /*float：left,本不应该设置，但由于在Firefox不能正常显示
                继承Nav的width,限制宽度，li自动向下延伸*/
    }

        #nav li a:hover {
            background: #CD2A2C; /*一级目录onMouseOver显示的背景色*/
        }

    #nav a:link {
        color: #FFF;
        text-decoration: none;
    }

    #nav a:visited {
        color: #FFF;
        text-decoration: none;
    }

    #nav a:hover {
        color: #FFF;
        text-decoration: none;
        font-weight: bold;
    }
    /*==================二级目录===================*/
    #nav li ul {
        list-style: none;
        text-align: left;
    }

        #nav li ul li {
            background: #F0F0F0; /*二级目录的背景色*/
        }

        #nav li ul a {
            padding-left: 20px;
            width: 160px;
            /* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
        }
            /*下面是二级目录的链接样式*/
            #nav li ul a:link {
                color: #444;
                text-decoration: none;
            }

            #nav li ul a:visited {
                color: #444;
                text-decoration: none;
            }

            #nav li ul a:hover {
                color: #000;
                text-decoration: none;
                font-weight: bold;
                background: #FAFAFA;
                /* 二级onmouseover的字体颜色、背景色*/
            }
    /*==============================*/
    #nav li:hover ul {
        left: auto;
    }

    #nav li.sfhover ul {
        left: auto;
    }

#content {
    clear: left;
}

#nav ul.collapsed {
    display: none;
}

#PARENT {
    border:none;
    margin:0;
}
